<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="news_list.css"/>
    </head>
    <body>
        <!-- NEWS LIST WIDGET -->
        <div id="news_list_wi_1" class="news_list">
            <div class="title">
                News list
            </div>
            <!-- End .title -->

            <div class="news_list">
                <ul class="list">
                    <li class="items">
                        <div class="news_header">
                            <a class="name" href="news_details.html">Laoreet dolore magnaorem ipsum dolor ser adipiscing elit</a>
                            <div class="post_infor">
                                Post by <span class="user_post">Admin</span> Date <span class="post_date">20/10/2010</span> Time <span class="post_time">1:12pm</span>
                            </div>
                            <!-- End #post_infor -->
                            <div class="clear"></div>
                        </div>
                        <!-- End news_header -->
                        <div class="image_wrapper">
                            <a  href="news_details.html"><img src="news_image.png" alt="news_image"/></a>
                        </div>
                        <!-- End .image_wrapper -->

                        <div class="news_infor">
                            <div class="content">
                                <p>You know, it so cool to be a child. It is the most careless time of our life because you have no obligations; everything around you is new and unknown. It is a total naivety and 
                                    exploration. Kids are the best explorers in the world. They live in a totally different world where it’s impossible to find anything negative....</p>
                            </div>
                            <!-- End .content -->

                            <div class="read_more">
                                <a href="#">Continue</a>
                            </div>
                            <!-- End .read_more -->

                        </div>
                        <!-- End .news_infor -->
                        <div class="clear"></div>
                    </li>

                    <li class="items">
                        <div class="news_header">
                            <a class="name" href="news_details.html">Laoreet dolore magnaorem ipsum dolor ser adipiscing elit</a>
                            <div class="post_infor">
                                Post by <span class="user_post">Admin</span> Date <span class="post_date">20/10/2010</span> Time <span class="post_time">1:12pm</span>
                            </div>
                            <!-- End #post_infor -->
                            <div class="clear"></div>
                        </div>
                        <!-- End news_header -->
                        <div class="image_wrapper">
                            <a  href="news_details.html"><img src="news_image.png" alt="news_image"/></a>
                        </div>
                        <!-- End .image_wrapper -->

                        <div class="news_infor">
                            <div class="content">
                                <p>You know, it so cool to be a child. It is the most careless time of our life because you have no obligations; everything around you is new and unknown. It is a total naivety and 
                                    exploration. Kids are the best explorers in the world. They live in a totally different world where it’s impossible to find anything negative....</p>
                            </div>
                            <!-- End .content -->

                            <div class="read_more">
                                <a href="#">Continue</a>
                            </div>
                            <!-- End .read_more -->

                        </div>
                        <!-- End .news_infor -->
                        <div class="clear"></div>
                    </li>

                    <li class="items">
                        <div class="news_header">
                            <a class="name" href="news_details.html">Laoreet dolore magnaorem ipsum dolor ser adipiscing elit</a>
                            <div class="post_infor">
                                Post by <span class="user_post">Admin</span> Date <span class="post_date">20/10/2010</span> Time <span class="post_time">1:12pm</span>
                            </div>
                            <!-- End #post_infor -->
                            <div class="clear"></div>
                        </div>
                        <!-- End news_header -->
                        <div class="image_wrapper">
                            <a  href="news_details.html"><img src="news_image.png" alt="news_image"/></a>
                        </div>
                        <!-- End .image_wrapper -->

                        <div class="news_infor">
                            <div class="content">
                                <p>You know, it so cool to be a child. It is the most careless time of our life because you have no obligations; everything around you is new and unknown. It is a total naivety and 
                                    exploration. Kids are the best explorers in the world. They live in a totally different world where it’s impossible to find anything negative....</p>
                            </div>
                            <!-- End .content -->

                            <div class="read_more">
                                <a href="#">Continue</a>
                            </div>
                            <!-- End .read_more -->

                        </div>
                        <!-- End .news_infor -->
                        <div class="clear"></div>
                    </li>

                    <li class="items">
                        <div class="news_header">
                            <a class="name" href="news_details.html">Laoreet dolore magnaorem ipsum dolor ser adipiscing elit</a>
                            <div class="post_infor">
                                Post by <span class="user_post">Admin</span> Date <span class="post_date">20/10/2010</span> Time <span class="post_time">1:12pm</span>
                            </div>
                            <!-- End #post_infor -->
                            <div class="clear"></div>
                        </div>
                        <!-- End news_header -->
                        <div class="image_wrapper">
                            <a  href="news_details.html"><img src="news_image.png" alt="news_image"/></a>
                        </div>
                        <!-- End .image_wrapper -->

                        <div class="news_infor">
                            <div class="content">
                                <p>You know, it so cool to be a child. It is the most careless time of our life because you have no obligations; everything around you is new and unknown. It is a total naivety and 
                                    exploration. Kids are the best explorers in the world. They live in a totally different world where it’s impossible to find anything negative....</p>
                            </div>
                            <!-- End .content -->

                            <div class="read_more">
                                <a href="#">Continue</a>
                            </div>
                            <!-- End .read_more -->

                        </div>
                        <!-- End .news_infor -->
                        <div class="clear"></div>
                    </li>

                    <li class="items">
                        <div class="news_header">
                            <a class="name" href="news_details.html">Laoreet dolore magnaorem ipsum dolor ser adipiscing elit</a>
                            <div class="post_infor">
                                Post by <span class="user_post">Admin</span> Date <span class="post_date">20/10/2010</span> Time <span class="post_time">1:12pm</span>
                            </div>
                            <!-- End #post_infor -->
                            <div class="clear"></div>
                        </div>
                        <!-- End news_header -->
                        <div class="image_wrapper">
                            <a  href="news_details.html"><img src="news_image.png" alt="news_image"/></a>
                        </div>
                        <!-- End .image_wrapper -->

                        <div class="news_infor">
                            <div class="content">
                                <p>You know, it so cool to be a child. It is the most careless time of our life because you have no obligations; everything around you is new and unknown. It is a total naivety and 
                                    exploration. Kids are the best explorers in the world. They live in a totally different world where it’s impossible to find anything negative....</p>
                            </div>
                            <!-- End .content -->

                            <div class="read_more">
                                <a href="#">Continue</a>
                            </div>
                            <!-- End .read_more -->

                        </div>
                        <!-- End .news_infor -->
                        <div class="clear"></div>
                    </li>
                </ul>
                <!-- End .list -->
                <div class="clear"></div>
                <div class="wrapper_pagination">
                    <div class="count_page">
                        <p>Displaying 1 to 4 (of 12  reviews)</p>
                    </div>   
                    <!-- End .count_page -->

                    <div class="pagination">
                        <ul>
                            <li class="result">Result page :</li>
                            <li class="active"><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li class="next"><a href="#">[next>>]</a></li>
                        </ul>
                    </div>   
                    <!-- End .pagination -->
                </div>
                <!-- End .wrapper_pagination -->
            </div>
        </div>
        <!-- END NEWS LIST WIDGET -->

    </body>
</html>
